<template>
	<view>
		<view class="peisi">
			<u--text class="doushi" text="选择配色 " color="#969799" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		<view class="xilie">
			<u--text class="doushi" text="粉色系列 " color="#323233" size="30" margin="20" lineHeight="36"></u--text>
		</view>
		<view class="yanse">
			<view class="diyi"></view>
			<view class="dier"></view>
			<view class="disan"></view>
		</view>
		
		
		
		
		<view>
			<u-tabbar :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
				<u-button text="保存" color="#FF5179" shape="circle" size="large "></u-button>
			</u-tabbar>
			<!-- data -->
		
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.peisi {
		margin-top: 30px;
		margin-left: 30px;
	}

	.xilie {
		margin-top: 50px;
		margin-left: 60px;
	}

	.yanse {
		display:inline-flex;
	}

	.yanse>.diyi {
		margin-top: 20px;
		margin-left: 60px;
		width: 32px;
		height: 32px;
		background-color: #FF5179;
	}

	.yanse>.dier {
		margin-top: 20px;
		width: 32px;
		height: 32px;
		background-color: #FFE6E8;
	}
	.yanse>.disan {
		margin-top: 20px;
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
	}
</style>
